<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="../../jquery-easyui-1.3.6/themes/default/easyui.css" type="text/css"></link>
    <link rel="stylesheet" href="../../css/icons/icon.css" type="text/css"></link>
	<link rel="stylesheet" type="text/css" href="../demo.css"></link>
	<script type="text/javascript" src="../../jquery-easyui-1.3.6/jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.3.6/locale/easyui-lang-zh_CN.js"charset="utf-8"></script>
	<script type="text/javascript" src="../../Exteasyui/datetimebox.js"></script>
    <script type="text/javascript" src="../../Exteasyui/datagrid-detailview.js"></script>
	<script type="text/javascript" src="../../Exteasyui/onCollapse.js" charset="utf-8"></script>
	<script type="text/javascript"> 
    function qq(value,name){ 
     alert(value+":"+name) 
    } 
    </script>
</head>
<body>
<div class="easyui-layout" fit="true" border="false">
	<div region="north" border="false" title="查询"
		style="height:85px;overflow:hidden;">
		<form id="name">
			<table class="tableForm datagrid-toolbar"
				style="width:100%;height:100%;">
				<tr>
				<th>车辆类型</th>
				<td><input id="ss" class="easyui-searchbox" style="width:321px" data-options="searcher:qq,prompt:'请选择或输入查询条件',menu:'#mm'"></input>
				<div id="mm" style="width:150px"> 
                <div data-options="name:'all',iconCls:'icon-ok'">全部</div> 
                <div data-options="name:'厢式'">厢式</div>
                <div data-options="name:'集卡'">集卡</div>
                		
                </div>
				</td>
				</tr>
				<tr>
					<th>出车时间</th>
					<td><input name="createdatetimeStart"
						class="easyui-datetimebox" editable="false" style="width:155px;" />至<input
						name="createdatetimeEnd" class="easyui-datetimebox"
						editable="false" style="width:155px;" /> <a
						href="javascript:void(0);" class="easyui-linkbutton"
						onclick="cd.user.search();">查询</a> <a href="javascript:void(0);"
						class="easyui-linkbutton" onclick="cd.user.clear();">清空</a></td>
				</tr>
			</table>
		</form>
	</div>
	<div region="center" title="运输状态" border="false" style="width:1200px;overflow:hidden">
		<table id="dg" border="false" style="width:1270px;height:455px;overflow:hidden"
           data-options="
           url:'status.json' ,
           method:'get',
           title:'',
           singleSelect:true,
           fitColumns:true,
          
           ">
        <thead>
            <tr>
                <!-- <th field="doc_no" width="100">托单号</th>-->
                <!--<th field="client" width="120">客户</th>-->
                <th field="type"  width="80">车辆类型</th>
                <th field="no"  width="100">车牌号</th>
                <th field="driver"  width="100">司机</th>
                <!--<th field="drive_time"  width="100">出车时间</th>-->
                <th field="status" width="120" align="center">车辆状态</th>
            </tr>
        </thead>
    </table>
	</div>
</div>
    <script type="text/javascript">
        $(function(){
            $('#dg').datagrid({
                pagination : true,//进度条
			    pageSize : 10,//每页显示10条
			    pageList : [ 10, 20, 30, 40, 50 ],//选择每页显示条数
				fit:true,
				border:false,
                /*view: detailview,
                detailFormatter:function(index,row){
                    return '<div style="padding:2px"><table class="ddv"></table></div>';
                },
                onExpandRow: function(index,row){
                    var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
                    ddv.datagrid({
                        url:'status_collapse.json?itemid='+row.itemid,
                        fitColumns:true,
                        singleSelect:true,
                        rownumbers:true,
                        loadMsg:'',
                        height:'auto',
                        columns:[[
                            {field:'time',title:'时间',width:100,
                            editor : {
					                 type : 'datetimebox',
					                 options : {
						             required : true
					                 }
				             }},
                            {field:'now_status',title:'车辆状态',width:120},
                            {field:'comment',title:'备注',width:120}
                        ]],
                        onResize:function(){
                            $('#dg').datagrid('fixDetailRowHeight',index);
                        },
                        onLoadSuccess:function(){
                            setTimeout(function(){
                                $('#dg').datagrid('fixDetailRowHeight',index);
                            },0);
                        }
                    });
                    $('#dg').datagrid('fixDetailRowHeight',index);
                }*/
            });
        });
    </script>
</body>
</html>